<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="style.css">
    <title>导航</title>
</head>
<body>
    <header class="globalHeader">
        <div class="search">
            <input type="text">
            <button type="button">搜索</button>
        </div>
        <div class="engineList">
            <ul>
                <li class="engine"><a name="baidu" class="checked" href="javascript:void(0);">百度</a></li>
                <li class="engine"><a name="sougou" href="javascript:void(0);">搜狗</a></li>
                <li class="engine"><a name="zhihu" href="javascript:void(0);">知乎</a></li>
                <li class="engine"><a name="bing" href="javascript:void(0);">必应</a></li>
                <!-- <li class="engine"><a name="google" href="javascript:void(0);">Google</a></li> -->
            </ul>
        </div>
    </header>
    <main class="globalMain">
        <div class="content-title">
            <a href="javascript:void(0)">
                <div class="add">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-add"></use>
                    </svg>
                </div>
            </a>
        </div>
        <div class="website">
            <ul></ul>
        </div>
    </main>
    <div id="div"></div>
    <footer class="globalFooter">

    </footer>
</body>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js" type="application/javascript"></script>
<script src="//at.alicdn.com/t/font_3449736_c40jzyn4jag.js"></script>
<script src="main.js"></script>
</html>